<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>主页</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/reset.css">
    <!-- swiper轮播图 -->
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <!-- 导入录播图 -->
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_4239191_h6ix6exy0mk.css">
    <script src="./js/swiper-bundle.min.js"></script>
    <!-- 导入进度条 -->
    <link rel="stylesheet" href="./css/nprogress.min.css">
    <script src="./js/nprogress.min.js"></script>
    <!-- 导入axios -->
    <script src="./js/axios.min.js"></script>
    <!-- 导入axios二次封装 -->
    <script src="./js/request.js"></script>
    <!-- 导入home.js => 统一封装home页面的所有请求 -->
    <script src="./api/home.js"></script>
    <!-- home页面的css文件 -->
    <link rel="stylesheet" href="./css/home.css">
    <!-- JS的图片懒加载 -->
    <script src="./js/lazysizes.min.js" async=""></script>
</head>

<body>
    <div class="home">
        <!-- 头部 -->
        <div class="top">
            <div class="left"><i style="font-size: 26px;color: springgreen;" class="iconfont icon-dizhi"></i></div>
            <input type="text" placeholder="请输入你要查找的学生信息" onclick="window.location.href = './search.html'">
            <div class="right" onclick="window.location.href='./my.html'"><i style="font-size: 26px;color: springgreen;"
                    class="iconfont icon-denglu"></i></div>
        </div>
        <!-- 内容区 -->
        <div class="content">
            <!-- 轮播图 -->
            <div class="swiper">
                <div class="swiper-wrapper" id="banner">

                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>

                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
            <!-- 专业 -->
            <h2>学校专业</h2>
            <div class="subject">

            </div>
            <!-- 学生 -->
            <h2 style="margin-bottom: 10px;">学生列表</h2>
            <div class="student">

            </div>
        </div>
        <!-- 尾部 -->
        <div class="footer">
            <div onclick="window.location.href = './home.html'">
                <p><img src="http://s08vr7vdh.hn-bkt.clouddn.com/home.png" alt=""></p>
                <p>主页</p>
            </div>
            <div onclick="window.location.href = './category.html'">
                <p><img src="http://s08vr7vdh.hn-bkt.clouddn.com/cate.png" alt=""></p>
                <p>分类</p>
            </div>
            <div onclick="window.location.href = './my.html'">
                <p><img src="http://s08vr7vdh.hn-bkt.clouddn.com/my.png" alt=""></p>
                <p>个人</p>
            </div>
        </div>
    </div>
    <script src="./js/home.js"></script>
</body>

</html>